<template>
  <div>
    <h2>HOME</h2>
        <div>
    <router-link to="/home/news">news</router-link>
    <!-- <router-link to='/home/news'>news</router-link>
    <router-link to='/home/music'>music</router-link> -->

    <!-- <router-link :to="{
      path : '/home/music'
    }">music</router-link>
     <router-link :to="{
      path : '/home/news'
     }">News</router-link> -->

        <router-link :to="{
      name: 'music',
         params: {
            id: '1',
            //time: '',
            time: undefined,
          },
    }">AAmusic</router-link>


          <router-link :to="{
      name: 'music',
         params: {
            id: '2',
            //time: '',
            time: undefined,
          },
    }">BBmusic</router-link>


            <router-link :to="{
      name: 'music',
         params: {
            id: '3',
         
            time: undefined,
          },
    }">CCmusic</router-link>

    
      <router-link
        :to="{
          path: '/home/games',
          //name: 'games',
          query: {
            tit: '暴力摩托',
            version: '2007',
          },
        }"
      >
        游戏1
      </router-link>

      <router-link to="/home/games?tit=qq飞车&version=2018">
        游戏2
      </router-link>
  </div>
      <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style>
</style>